<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <title>vue插值计算</title>
    <!-- <script src='https://cdn.jsdelivr.net/npm/vue/dist/vue.js'></script> -->
    <script src="../js/vue.js"></script>
    <script src="https://cdn.bootcdn.net/ajax/libs/dayjs/1.4.1/dayjs.min.js"></script>
  </head>
  <body>
    <div id="app">
      <!--字符串插值  -->
      <p>{{msg}}</p>
      <!--JS计算  -->
      <p>{{10+10}}</p>
      <!--JS函数  -->
      <p>{{msg.length}}</p>
      <!--JS函数  -->
      <p>{{msg.length>5}}</p>
      <!--数值  -->
      <p>{{number}}</p>
      <!--数组  -->
      <p>{{List}}</p>
      <!--数组1  -->
      <p>{{List[0]}}</p>
      <!--对象  -->
      <p>{{person}}</p>
      <p>{{person.name}}</p>
      <p>{{person.age==18?person.love:'19'}}</p>

      <p>{{nullval}}</p>
      <p>{{undefinedval}}+undefinedval</p>
      <p>{{NaNval}}</p>
      <p v-text="person.age"></p>
    </div>
    <script src="../js/insertValue.js"></script>
  </body>
</html>
